<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/首页.css">
    <link rel="stylesheet" href="../通用头部/通用头部.css">
    <link rel="stylesheet" href="../通用底部/通用底部.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">

</head>
<script src="../js/jq.js"></script>
<script src="../js/swiper-bundle.min.js"></script>

<body>
    <div class="whole">
        <!-- 头 -->
        <div class="head">
            <div>

                <div>
                    <div class="logo">
                        <a href=""> <img src="../img/logonew.png"></a>
                    </div>
                    <div class="navigation">
                        <ul>
                            <li><a href="../首页/首页.html">首页</a> </li>
                            <li><a href="../酷玩最新/酷玩最新.html">酷玩</a> </li>
                            <li><a href="../导购最新/导购最新.html">导购</a></li>
                            <li><a href="../大众试用-全部/大众试用-全部.html">试用</a></li>
                            <li><a href="../报告-最新/报告最新.html">报告</a></li>
                            <li><a href="../商务合作页面/商务合作页面.html">商务合作</a></li>
                            <li><a href="../免费试用/免费试用.html">免费试用</a></li>
                        </ul>
                    </div>
                    <img src="../tubiao/search.png" class="img-sou">
                    <div class="anniu"><a href="../注册页/注册页面.html">注册</a> </div>
                </div>
            </div>
        </div>
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <nav>
                        <div class="nav-bei">
                            <img src="../tubiao/original.jpg">
                        </div>
                        <div class="nav-you">
                            <h1>幻响小贝HiFi2.1音箱</h1>
                            <span style="margin-left:108px ;">126人申请</span><span>￥599</span><span>20台</span>
                            <p>申请时间剩余：13天5小时37分钟</p>
                            <h3>立即申请</h3>
                        </div>
                    </nav>
                </div>
                <div class="swiper-slide">
                    <nav>
                        <div class="nav-bei">
                            <img src="../tubiao/original.jpg">
                        </div>
                        <div class="nav-you">
                            <h1>幻响小贝HiFi2.1音箱</h1>
                            <span style="margin-left:108px ;">126人申请</span><span>￥599</span><span>20台</span>
                            <p>申请时间剩余：13天5小时37分钟</p>
                            <h3>立即申请</h3>
                        </div>
                    </nav>
                </div>
                <div class="swiper-slide">
                    <nav>
                        <div class="nav-bei">
                            <img src="../tubiao/original.jpg">
                        </div>
                        <div class="nav-you">
                            <h1>幻响小贝HiFi2.1音箱</h1>
                            <span style="margin-left:108px ;">126人申请</span><span>￥599</span><span>20台</span>
                            <p>申请时间剩余：13天5小时37分钟</p>
                            <h3>立即申请</h3>
                        </div>
                    </nav>
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>
        </div>

        <!-- 中间 -->
        <div class="min">
            <div>
                <div class="biaoti">
                    <h3>热门试用</h3>
                </div>
                <div class="shiyong">
                    <div class="shangpin-lunbo">
                        <img src="../tubiao/prev.png" class="left">
                        <div class="xiangqing">
                            <img src="../img/hot9.jpg" style="width: 201px;border-radius: 7px;margin-left: -1px;">
                            <h4>巴慕达 The Toaster 烤面包<span> 机</span></h4>
                            <span class="sp">2032</span><span>20台</span>
                            <div><span>1392</span>申请</div>
                            <p class="red">剩余时间2天</p>
                        </div>
                        <div class="xiangqing  xq1 xq2">
                            <img src="../img/hot10.jpg" style="width: 201px;border-radius: 7px;margin-left: -1px">
                            <h4>Osprey小鹰户外运动专业腰<span>包 </span></h4>
                            <span class="sp">2032</span><span>20台</span>
                            <div><span>1392</span>申请</div>
                            <p class="red">剩余时间2天</p>
                        </div>
                        <div class="xiangqing xq1 ">
                            <img src="../img/hot11.jpg" style="width: 201px;border-radius: 7px;margin-left: -1px">
                            <h4>Liquid Image 338 运动摄<span>像眼镜</span></h4>
                            <span class="sp">2032</span><span>20台</span>
                            <div><span>1392</span>申请</div>
                            <p class="red">剩余时间2天</p>
                        </div>
                        <div class="xiangqing xq1">
                            <img src="../img/hot12.jpg" style="width: 201px;border-radius: 7px;margin-left: -1px">
                            <h4>巴慕达 The Toaster 烤面包<span> 机</span></h4>
                            <span class="sp">2032</span><span>20台</span>
                            <div><span>1392</span>申请</div>
                            <p class="red">剩余时间2天</p>
                        </div>
                        <img src="../tubiao/next.png" class="you">

                    </div>
                </div>
            </div>
            <div class="jingxuan">
                <div class="biaoti">
                    <p>报告精选<span>查看更多<img src="../tubiao/readMore.png"></span></p>
                </div>

                <div class="jingxuan-zheng">
                    <div>
                        <img src="../img/bg1.jpg" style="width: 200px;border-radius: 7px;">
                        <p>空气净化器里面学问多得惊呆你<br> ，你选对了吗？</p>
                        <p>● 苏苏<span class="span"><img src="../tubiao/zan.png">3</span><span><img
                                    src="../tubiao/reply.png" alt=""> 3</span></p>
                    </div>
                    <div class="d2">
                        <img src="../img/bg3.jpg" style="width: 200px;border-radius: 7px;">
                        <p>怎么骑都不会累的智能自行车<br> ：云马 C1试骑体验</p>
                        <p>● 好吗<span class="span"><img src="../tubiao/zan.png" alt="">3</span><span><img
                                    src="../tubiao/reply.png" alt="">3</span></p>
                    </div>
                    <div class="d2">
                        <img src="../img/bg4.jpg" style="width: 200px;border-radius: 7px;">
                        <p>声音不是最优秀，但它形音完美<br> 的结合，足够打动人心</p>
                        <p>● iAra<span class="span"><img src="../tubiao/zan.png" alt="">3</span>
                            <span><img src="../tubiao/reply.png" alt=""> 3</span>
                        </p>
                    </div>
                    <div class="d2">
                        <img src="../img/bg1.jpg" style="width: 200px;border-radius: 7px;">
                        <p>风光大片信手拈来！vivo X6Plus <br> 不只是快，还是一台拍照利器</p>
                        <p>● 苏苏<span class="span"><img src="../tubiao/zan.png" alt="">3</span><span><img
                                    src="../tubiao/reply.png" alt="">3</span></p>
                    </div>
                    <div class="d3">
                        <img src="../img/bg3.jpg" style="width: 200px;border-radius: 7px;">
                        <p>空气净化器里面学问多得惊呆你<br> ，你选对了吗？</p>
                        <p>● 苏苏<span class="span"><img src="../tubiao/zan.png" alt="">3</span><span><img
                                    src="../tubiao/reply.png" alt="">3</span></p>
                    </div>
                    <div class="d2 d3">
                        <img src="../img/bg4.jpg" style="width: 200px;border-radius: 7px;">
                        <p>声音不是最优秀，但它形音完美<br> 的结合，足够打动人心</p>
                        <p>● 苏苏<span class="span"><img src="../tubiao/zan.png" alt="">3</span><span><img
                                    src="../tubiao/reply.png" alt="">3</span></p>
                    </div>
                    <div class="d2 d3">
                        <img src="../img/bg1.jpg" style="width: 200px;border-radius: 7px;">
                        <p>怎么骑都不会累的智能自行车<br> ：云马 C1试骑体验</p>
                        <p>● 苏苏<span class="span"><img src="../tubiao/zan.png" alt="">3</span><span><img
                                    src="../tubiao/reply.png" alt="">3</span></p>
                    </div>
                    <div class="d2 d3">
                        <img src="../img/bg3.jpg" style="width: 200px;border-radius: 7px;">
                        <p>空气净化器里面学问多得惊呆你<br> ，你选对了吗？</p>
                        <p>● 苏苏<span class="span"><img src="../tubiao/zan.png" alt=""> 3</span><span><img
                                    src="../tubiao/reply.png" alt="">3</span></p>
                    </div>
                </div>
            </div>
            <div class="daogou">
                <div class="biaoti">
                    <p>导购精选<span>查看更多<img src="../tubiao/readMore.png"></span></p>
                </div>
                <div class=" dg1">
                    <div class="dao">
                        <div class="dg ">
                            <img src="../img/g1.jpg" style="width: 200px;">
                            <p class="p1">花万元把蜗居秒变“豪宅”？这12件家具就能帮你办到</p>
                            <p class="pi"><span><img src="../tubiao/xin.png" alt=""> 3</span>&nbsp;<span><img
                                        src="../tubiao/reply.png" alt=""> 3</span></p>
                            <img src="../tubiao/listbg.jpg" class="dg-img">
                        </div>

                    </div>
                    <div class="dao ">
                        <div class="dg">
                            <img src="../img/g2.jpg" style="width: 200px;">
                            <p class="p1">到底有没有完美的iPhone手机配件，答案都在这里</p>
                            <p class="pi"><span><img src="../tubiao/xin.png" alt=""> 3</span>&nbsp;<span><img
                                        src="../tubiao/reply.png" alt=""> 3</span></p>
                            <img src="../tubiao/listbg.jpg" class="dg-img">
                        </div>

                    </div>
                    <div class="dao ">
                        <div class="dg">
                            <img src="../img/g3.jpg" style="width: 200px;">
                            <p class="p1">2016，这8支钢笔够你装逼一整年</p>
                            <p class="pi"><span><img src="../tubiao/xin.png" alt=""> 3</span>&nbsp;<span><img
                                        src="../tubiao/reply.png" alt=""> 3</span></p>
                            <img src="../tubiao/listbg.jpg" class="dg-img">
                        </div>

                    </div>
                    <div class="dao ">
                        <div class="dg">
                            <img src="../img/g4.jpg" style="width: 200px;">
                            <p class="p1">他用12年找一把完美 剃须刀，给你2万字终极购买指南</p>
                            <p class="pi"><span><img src="../tubiao/xin.png" alt=""> 3</span>&nbsp;<span><img
                                        src="../tubiao/reply.png" alt=""> 3</span></p>
                            <img src="../tubiao/listbg.jpg" class="dg-img">
                        </div>

                    </div>
                </div>
            </div>
            <div class="kuwan">
                <div class="biaoti">
                    <p>发现酷玩<span>查看更多<img src="../tubiao/readMore.png"></span></p>
                </div>
                <div class="kw">
                    <ul></ul>
                </div>
                <div class="dianji"><img src="../tubiao/more.png" alt="">点击加载更多</div>
            </div>
        </div>

        <!-- 底部 -->
        <div class="bottom">
            <div>
                <div>
                    <img src="../img/code.png">
                </div>
                <div class="tu-zi">
                    <img src="../img/logoImg.jpg" style="width:150px;">
                    <p>全球酷玩试用导购平台酷·新奇·好玩·品质</p>
                    <p>微信加“JguoJguo”获取我们的服务。</p>
                </div>
                <div class="liebiao">
                    <ol>
                        <li class="li1"> 免费试用</li>
                        <li>试用流程</li>
                        <li>如何提高成功率</li>

                    </ol>
                    <ol>
                        <li class="li1">友情链接</li>
                        <div class="li2">
                            <li>智东西</li>
                            <li>搜狐IT</li>
                            <li>搜狐数码</li>
                            <li>凤凰数码</li>
                            <li>泡泡网</li>
                            <li>ZUK社区</li>
                            <li>极客公园</li>
                            <li>果库</li>
                        </div>
                        <div class="li3">
                            <li>WEIBUSI</li>
                            <li>腾讯科技</li>
                            <li>凤凰科技</li>
                            <li>PConline</li>
                            <li>3W咖啡</li>
                            <li>亿觅emie</li>
                            <li>易迅易启玩</li>

                        </div>
                    </ol>
                    <ol>
                        <li class="li1">购买攻略</li>
                        <li>美亚海淘教程 </li>
                        <li>日亚海淘教程</li>
                        <li>海淘转运攻略</li>
                        <li>kickstarter 众筹购买攻略</li>
                        <li>indiegogo 众筹购买攻略</li>
                    </ol>
                    <ol>
                        <li class="li1"> 厂商合作</li>
                        <li>关于极果</li>
                        <li>联系我们</li>
                        <li>商务合作：BD@jiguo.com</li>
                        <li>CEO邮箱：CEO@jiguo.com</li>
                    </ol>
                </div>
                <p class="p2">@2016 极果版权所有</p>
            </div>
        </div>
    </div>
</body>

</html>
<script>
    var mySwiper = new Swiper('.swiper', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            delay: 1000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

        // 如果需要滚动条
        scrollbar: {
            el: '.swiper-scrollbar',
        },
    })        
</script>
<script src="../js/首页.js"></script>